














<!DOCTYPE html>

<html>
    <head>
        <title> Grupetto </title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="css/screen.css" type="text/css" media="screen" />
    </head>
    <body>

        <div id="top"><div id="login">migue
                | <a href="amigos.jsp">

                    No tiene ninguna solicitud de amistad
                </a> |  <a href="cierrasesion">Cerrar sesi&oacute;n</a> </div></div>

        <div id="container">
            <div id="header">
            </div> 
            <div id="navigation">
                <ul>

                    <li><a href="AltaModifUsuario">Mi Perfil</a></li>
                    <li><a href="amigos.jsp">Amigos</a></li>
                    <li><a href="favoritos.jsp">Favoritos</a></li>
                    <li><a href="invitaciones.jsp">Invitaciones</a></li>
                    <li><a href="usuario.jsp">Inicio</a></li>
                </ul>

            </div>
            <div id="content-container">
                <div id="content">

                    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
                    <script type="text/javascript" src="inc/jquery.easing.1.3.js"></script>
                    <script type="text/javascript" src="inc/mbVerticalSlider.js"></script>

                    <script type="text/javascript">
                        $(function(){

                            /*mb.ideas*/
                            if (self.location.href == top.location.href){
                                $("body").css({font:"normal 13px/16px 'trebuchet MS', verdana, sans-serif"});
                                var logo=$("<a href='http://pupunzi.com'><img id='logo' border='0' src='http://pupunzi.com/images/logo.png' alt='mb.ideas.repository' style='display:none;'></a>");
                                $("body").prepend(logo);
                                $("#logo").fadeIn();
                            }

                            $(".slider").mb_vSlider({ //default attributes of the mb.vSlider
                                template:"searchResult.html"
                                ,totalElements:120 //this param is used only in ajax modality and should be set dynamically.
                                ,easing:"easeOutExpo"
                                ,slideTimer:1000
                                ,nextEl:".vSnext"
                                ,prevEl:".vSprev"
                                ,height:400
                                ,width:643

                            },{ //data passed in the ajax query string
                                elementsPerPage:20
                                ,actualPage:0
                                ,foo:100
                            })

                        });
                    </script>






                    <div id="usuario">
                        <div class="fotousuario">
                            <img alt="usuario" src="img/users/migue.jpg"/>
                        </div>
                        <div class="datosusuario">
                            <h1>Migue Maestre</h1>

                            <h2>migue</h2>
                            <br />
                            <blockquote><p>A dos ruedas por el mundo</p></blockquote>
                        </div>
                        <div class="aclarador"></div>
                        <form method="post" action="publicarmsg?nivel=sup" class="alta_form">
                            <div class='botonaduramsg'>
                                <textarea class="estilotextareamsg" name="mensaje" id="mensaje" cols="75" rows="3"></textarea>

                                <input type='submit' value='Publicar' class="botonmsg"><br />                           
                            </div>
                        </form>
                    </div>

                    <div id="msg_container">
                        <div id="wrapper">
                            <h3>Mi tablón</h3>
                            <button class="vSprev" onclick="$('.slider').vsPrevPage()">anteriores</button>
                            <button class="vSnext" onclick="$('.slider').vsNextPage()">siguientes</button>

                            <br>
                            <br>
                            <div class="slider">  

                                <p>sfsdfsdfsdfsdf</p>
                                <p>sfsdfsdfsdfsdf</p>
                                <p>sfsdfsdfsdfsdf</p>
                                <p>sfsdfsdfsdfsdf</p>
                                <p>sfsdfsdfsdfsdf</p>
                                <p>sfsdfsdfsdfsdf</p>
                                <p>sfsdfsdfsdfsdf</p>
                                <p>sfsdfsdfsdfsdf</p>
                                <p>sfsdfsdfsdfsdf</p>
                                <p>sfsdfsdfsdfsdf</p>

                            </div>



                            <br>
                            <button class="vSprev" onclick="$('.slider').vsPrevPage()">anteriores</button>
                            <button class="vSnext" onclick="$('.slider').vsNextPage()">siguientes</button>
                        </div><!-- fin wrapper-->

                    </div>




                </div>
                <div id="aside">    
                    <h3>
                        Amigos
                    </h3>
                    <br/>
                    <!--  <div id="fotocontenedor">
                          <div class="fotousuario"><img alt="usuario" src="img/users/acontador.jpg"/></div>
                          <div class="descripcion"><a>Alberto Contador</a></div>
                          <div class="fotousuario"><img alt="usuario" src="img/users/acontador.jpg"/></div>
                          <div class="descripcion"><a>Alberto Contador</a></div>
                          <div class="fotousuario"><img alt="usuario" src="img/users/acontador.jpg"/></div>
                          <div class="descripcion"><a>Alberto Contador</a></div>
                      </div> -->
                    <br/>

                    <div id="fotocontenedor">
                        <div class='fotousuario'><img width='40px' src='img/users/acontador.jpg' /></div>
                        <div class='descripcion'><p><a href='tablon?verusuario=acontador'>acontador</a></p></div>
                        <div class='fotousuario'><img width='40px' src='img/users/rafa.jpg' /></div>
                        <div class='descripcion'><p><a href='tablon?verusuario=rafa'>rafa</a></p></div>
                        <div class='fotousuario'><img width='40px' src='img/users/migue.jpg' /></div>
                        <div class='descripcion'><p><a href='tablon?verusuario=migue'>migue</a></p></div>
                        <div class='fotousuario'><img width='40px' src='img/users/migue.jpg' /></div>
                        <div class='descripcion'><p><a href='tablon?verusuario=migue'>migue</a></p></div>

                    </div>

                </div>

            </div>
            <div id="footer">
			Copyright &copy; 2011 | Grupetto, la Red Social para los amantes del cicloturismo.
            </div>
        </div>
    </body>
</html>
